<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>御宅文化</title>
    {#        加了以后网络图片能显示#}
    <meta name="referrer" content="never">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <meta name="description"
          content="哔哩哔哩（bilibili）小视频是专注于ACGN二次元文化的短视频社交平台，哔哩哔哩小视频汇聚动画、漫画、游戏、手办、唱见、舞见、声优、cosplay等二次元相关的短视频内容，传承哔哩哔哩视频弹幕网的二次元弹幕文化，为二次元用户提供最优质的二次元短视频内容和弹幕氛围。">
    <meta name="keywords" content="bilibili,哔哩哔哩,小视频,视频,短视频,二次元,动漫,acg">
    <meta name="application-name" content="哔哩哔哩小视频">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="theme-color" content="#4393E2">
    <link rel="icon" href="//www.bilibili.com/favicon.ico">
    <link rel="apple-touch-icon" href="//www.bilibili.com/favicon.ico">
    <link rel="apple-touch-icon-precomposed" href="//static.hdslb.com/mobile/img/512.png">
    <script>
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?8dabccb80a103a16cdfecde99700b220";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s)
        })();
    </script>
    <script src="//data.bilibili.com/rec.js"></script>
    <link href="//s1.hdslb.com/bfs/static/blive/blfe-video-spa/static/css/all.68902288e7b2e54a2883cbb7f18973db.css"
          rel="stylesheet">
    <img src="http://i0.hdslb.com/bfs/archive/3329c9f0abfb925ae30441f24d924ad3c19775df.png" alt="">
</head>
<body>
<!-- <div id="app">
    <app></app>
</div> -->
<script>
    window.__statisObserverConfig = {
        spmId: '444.29',
        pvConfig: {
            logId: '000392',
            isDoubleWrite: true,
            isSelfDefWrite: true
        }
    }
</script>
<script>
    var statisScript = document.createElement('script')
    statisScript.src = '//s1.hdslb.com/bfs/seed/blive/blfe-link-shortassets/dist/component.statistics/log-reporter.js'
    document.body.appendChild(statisScript)
</script>
<script src="../static/js/zepto.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript"
        src="//s1.hdslb.com/bfs/static/blive/blfe-video-spa/static/js/manifest.d45036fd39b4da834ae9.js"></script>
<script type="text/javascript"
        src="//s1.hdslb.com/bfs/static/blive/blfe-video-spa/static/js/vendor.c23d342a9276e182a8e3.js"></script>
<script type="text/javascript"
        src="//s1.hdslb.com/bfs/static/blive/blfe-video-spa/static/js/all.a365f8383eac4e671119.js"></script>

<script>

    {#获取地址栏的地址#}
    {#var baseUrl = function GetRequest() {#}
    {#     var theRequest = new Object();#}
    {#     if (location.href.indexOf("?") != -1) {#}
    {#         var newUrl = location.hash.split("?");#}
    {#         newUrl.splice(0, 1);#}
    {#         var strs = newUrl.join().split("&");#}
    {#         for (var i = 0; i < strs.length; i++) {#}
    {#             theRequest[strs[i].split("=")[0]] = (strs[i].split("=")[1]);#}
    {#         }#}
    {#     }#}
    {#     return theRequest;#}
    {# };#}
    {# var ul=baseUrl();#}
    {# var ul_tab=decodeURIComponent(ul.tab);#}




    {#获取全部资源#}
    $(document).ready(function () {
        $.post('/view1',
            {},
            function (data, status) {
                obj = JSON.parse(data);
                console.log(obj.length);
                for (var i = 0; i <= obj.length; i++) {
                    var div_con = document.getElementById('content_all');
                    var div = document.createElement('div');
                    var a = document.createElement('a');
                    var img = document.createElement('img');
                    var span = document.createElement('span');
                    div_con.appendChild(div);
                    div.appendChild(a);
                    a.appendChild(img);
                    a.appendChild(span);
                    div.style = "width:200px;height:300px;margin:10px;float:left;";
                    a.href = obj[i]["share_url"];
                    img.src = obj[i]["first_pic"];
                    img.style = "width:200px;height:200px";
                    span.innerText = obj[i]["description"];
                    span.style = "display:block;float:left;width:200px;height:80px;overflow: hidden;";
                    };
                });
            });
    function onclic_tag(e) {
        var aa=(e.getAttribute("data-v-5a9042fe"));
    
        console.log(obj);
        document.getElementById("content_all").innerHTML = "";
        for (var i = 0; i <= obj.length; i++) {
            if(obj[i]['tag_id']==aa){
                var div_con = document.getElementById('content_all');
                var div = document.createElement('div');
                var a = document.createElement('a');
                var img = document.createElement('img');
                var span = document.createElement('span');
                div_con.appendChild(div);
                div.appendChild(a);
                a.appendChild(img);
                a.appendChild(span);
                div.style = "width:200px;height:300px;margin:10px;float:left;";
                a.href = obj[i]["share_url"];
                img.src = obj[i]["first_pic"];
                img.style = "width:200px;height:200px";
                span.innerText = obj[i]["description"];
                span.style = "display:block;float:left;width:200px;height:80px;overflow: hidden;";
                };
            }

    }

</script>


</body>


<body>
<div class="top_1" style="width:1000px; margin: 0 auto;">
    <div class="tab-wrap">
        <ul>
            <li class=""><a href="/index" class="router-link-active"
            ><span>全部</span></a></li>
            <li class="selected" ><a
                    href="/view1"
                    class="router-link-active"><span>御宅文化</span></a></li>
            <li class="" ><a href="/view2"
                            class="router-link-active"><span>生活日常</span></a></li>
            <li class="" ><a href="/view3"
                            class="router-link-active"><span>搞笑娱乐</span></a></li>
            <li class="" ><a
                    href="/view4"
                    class="router-link-active"><span>游戏杂谈</span></a></li>
        </ul>

    </div>
    <div class="tag-wrap" style="width: 1400px;">
        <ul >
            <li class="" ><a
                    href="#/?tab=%E5%BE%A1%E5%AE%85%E6%96%87%E5%8C%96&amp;tag=%E5%B0%8F%E8%A7%86%E9%A2%91"
                  class="router-link-active"><span><span onclick="onclic_tag(this)" data-v-5a9042fe="144" class="tag  sky-blue" >小视频</span></span></a>
            </li>
            <li class=""><a href="#/?tab=%E5%BE%A1%E5%AE%85%E6%96%87%E5%8C%96&amp;tag=COSPLAY"
                            class="router-link-active"><span><span onclick="onclic_tag(this)"
                    data-v-5a9042fe="145" class="tag sky-blue">COSPLAY</span></span></a></li>
            <li class=""><a href="#/?tab=%E5%BE%A1%E5%AE%85%E6%96%87%E5%8C%96&amp;tag=%E8%88%9E%E8%A7%81"
                            class="router-link-active"><span><span onclick="onclic_tag(this)"
                    data-v-5a9042fe="146" class="tag sky-blue">舞见</span></span></a></li>
            <li class=""><a href="#/?tab=%E5%BE%A1%E5%AE%85%E6%96%87%E5%8C%96&amp;tag=%E4%B9%90%E5%99%A8"
                            class="router-link-active"><span><span onclick="onclic_tag(this)"
                    data-v-5a9042fe="147" class="tag sky-blue">乐器</span></span></a></li>
            <li class=""><a href="#/?tab=%E5%BE%A1%E5%AE%85%E6%96%87%E5%8C%96&amp;tag=%E5%94%B1%E8%A7%81"
                            class="router-link-active"><span><span onclick="onclic_tag(this)"
                    data-v-5a9042fe="148" class="tag sky-blue">唱见</span></span></a></li>
            <li class=""><a
                    href="#/?tab=%E5%BE%A1%E5%AE%85%E6%96%87%E5%8C%96&amp;tag=%E7%A5%9E%E6%9D%A5%E4%B9%8B%E7%AC%94"
                    class="router-link-active"><span><span  onclick="onclic_tag(this)"
                    data-v-5a9042fe="149" class="tag sky-blue">神来之笔</span></span></a></li>
            <li class=""><a
                    href="#/?tab=%E5%BE%A1%E5%AE%85%E6%96%87%E5%8C%96&amp;tag=%E9%87%8E%E7%94%9F%E6%8A%80%E6%9C%AF"
                    class="router-link-active"><span><span onclick="onclic_tag(this)"
                    data-v-5a9042fe="150" class="tag sky-blue">野生技术</span></span></a></li>
            <li class=""><a href="#/?tab=%E5%BE%A1%E5%AE%85%E6%96%87%E5%8C%96&amp;tag=%E6%89%8B%E5%B7%A5"
                            class="router-link-active"><span><span onclick="onclic_tag(this)"
                    data-v-5a9042fe="151" class="tag sky-blue">手工</span></span></a></li>
            <li class=""><a href="#/?tab=%E5%BE%A1%E5%AE%85%E6%96%87%E5%8C%96&amp;tag=%E7%BB%98%E7%94%BB"
                            class="router-link-active"><span><span onclick="onclic_tag(this)"
                    data-v-5a9042fe="152" class="tag sky-blue">绘画</span></span></a></li>
            <li class=""><a href="#/?tab=%E5%BE%A1%E5%AE%85%E6%96%87%E5%8C%96&amp;tag=BML%E5%8C%97%E4%BA%AC"
                            class="router-link-active"><span><span onclick="onclic_tag(this)"
                    data-v-5a9042fe="153" class="tag sky-blue">BML北京</span></span></a></li>
            <li class=""><a
                    href="#/?tab=%E5%BE%A1%E5%AE%85%E6%96%87%E5%8C%96&amp;tag=%E6%9C%88%E6%98%AF%E6%95%85%E4%B9%A1%E6%98%8E"
                    class="router-link-active"><span><span onclick="onclic_tag(this)"
                     data-v-5a9042fe="154" class="tag sky-blue">月是故乡明</span></span></a></li>
            <li class=""><a
                    href="#/?tab=%E5%BE%A1%E5%AE%85%E6%96%87%E5%8C%96&amp;tag=%E5%BC%80%E5%AD%A6%E5%A4%A7%E4%BD%9C%E6%88%98"
                    class="router-link-active"><span><span  onclick="onclic_tag(this)"
                    data-v-5a9042fe="155" class="tag sky-blue">开学大作战</span></span></a></li>
            <li class=""><a href="#/?tab=%E5%BE%A1%E5%AE%85%E6%96%87%E5%8C%96&amp;tag=BW%202018"
                    class="router-link-active"><span><span onclick="onclic_tag(this)"
                    data-v-5a9042fe="156" class="tag sky-blue">BW 2018</span></span></a></li>
            <li class=""><a
                    href="#/?tab=%E5%BE%A1%E5%AE%85%E6%96%87%E5%8C%96&amp;tag=%E5%A4%8F%E6%97%A5%E5%BF%AB%E4%B9%90%E5%86%B0"
                    class="router-link-active"><span><span onclick="onclic_tag(this)"
                    data-v-5a9042fe="157" class="tag sky-blue">夏日快乐冰</span></span></a></li>
            <li class=""><a
                    href="#/?tab=%E5%BE%A1%E5%AE%85%E6%96%87%E5%8C%96&amp;tag=%E5%A4%8F%E6%97%A5%E8%B9%A6%E8%BF%AA%E5%A4%A7%E4%BD%9C%E6%88%98"
                    class="router-link-active"><span><span onclick="onclic_tag(this)" data-v-5a9042fe="158" class="tag sky-blue">夏日蹦迪大作战</span></span></a>
            </li>
            <li class=""><a
                    href="#/?tab=%E5%BE%A1%E5%AE%85%E6%96%87%E5%8C%96&amp;tag=FFF%E5%9B%A2%E3%81%AE%E6%88%98%E6%AD%8C"
                    class="router-link-active"><span><span onclick="onclic_tag(this)" data-v-5a9042fe="159" class="tag sky-blue">FFF团の战歌</span></span></a>
            </li>
            <li class=""><a href="#/?tab=%E5%BE%A1%E5%AE%85%E6%96%87%E5%8C%96&amp;tag=ChinaJoy"
                            class="router-link-active"><span><span onclick="onclic_tag(this)"
                    data-v-5a9042fe="160" class="tag sky-blue">ChinaJoy</span></span></a></li>
            <li class=""><a
                    href="#/?tab=%E5%BE%A1%E5%AE%85%E6%96%87%E5%8C%96&amp;tag=%E8%B8%8F%E5%A4%8F%E8%80%8C%E6%AD%8C"
                    class="router-link-active"><span><span onclick="onclic_tag(this)" data-v-5a9042fe="161"
                                                           class="tag sky-blue">踏夏而歌</span></span></a></li>
            <li class=""><a href="#/?tab=%E5%BE%A1%E5%AE%85%E6%96%87%E5%8C%96&amp;tag=superpads"
                            class="router-link-active"><span><span onclick="onclic_tag(this)"
                    data-v-5a9042fe="162" class="tag sky-blue">superpads</span></span></a></li>
            <li class=""><a
                    href="#/?tab=%E5%BE%A1%E5%AE%85%E6%96%87%E5%8C%96&amp;tag=%E5%A5%8F%E8%A7%81%E6%8B%9B%E5%8B%9F%E4%BB%A4"
                    class="router-link-active"><span><span onclick="onclic_tag(this)" data-v-5a9042fe="163"
                                                           class="tag sky-blue">奏见招募令</span></span></a></li>
            <li class=""><a
                    href="#/?tab=%E5%BE%A1%E5%AE%85%E6%96%87%E5%8C%96&amp;tag=%E7%B2%BE%E5%88%86%E9%85%8D%E9%9F%B3"
                    class="router-link-active"><span><span onclick="onclic_tag(this)" data-v-5a9042fe="164"
                                                           class="tag sky-blue">精分配音</span></span></a></li>
            <li class=""><a
                    href="#/?tab=%E5%BE%A1%E5%AE%85%E6%96%87%E5%8C%96&amp;tag=%E7%AB%A5%E5%B9%B4%E6%97%8B%E5%BE%8B"
                    class="router-link-active"><span><span onclick="onclic_tag(this)" data-v-5a9042fe="165"
                                                           class="tag sky-blue">童年旋律</span></span></a></li>
        </ul>
    </div>

    <div id="content_all" class="cont">

    </div>
</div>


</body>
</html>



